<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="head w">
        <ul class="ul-1 fl">
            <li>
                <a href="#">
                    <span>立即登录</span>
                </a>
            </li>
            <li>
                <a href="#">注册 </a>
            </li>
        </ul>
        <ul class="ul-2 fr">
            <li>
                <a href="#">我的美团</a>
            </li>
            <li>
                <a href="#">手机APP</a>
            </li>
            <li>
                <a href="#">商家中心</a>
            </li>
            <li>
                <a href="#">网站导航</a>
            </li>
        </ul>
    </div>
    <div class="nav-bg">
<div class="nav w">
<img src="./img/logo.png" alt="" class="logo">
<div class="sousuo fl">
    <input type="text" placeholder="搜索商家或地点">
    <button><img src="./img/btn.jpg" alt=""></button>
</div>
<div class="nav-2">
<ul>
    <li><a href="#">美团外卖</a></li>
    <li><a href="#">猫眼电影</a></li>
    <li><a href="#">美团酒店</a></li>
    <li><a href="#">民宿/公寓</a></li>
    <li><a href="#">商家入驻</a></li>
    <li><a href="#">美团公益</a></li>
</ul>
</div>
</div>
    </div>
    <div class="banner w">
<div class="nav-ce fl">
<h3>全部分类</h3>
<ul>
    <li>
        <a href="#">美食</a>
        <span>></span>
    </li>
    <li>
        <a href="#">外卖</a>
        <span>></span>
    </li>
    <li>
        <a href="#">酒店</a>
        <span>></span>
    </li>
    <li>
        <a href="#">榛果民宿</a>
        <span>></span>
    </li>
    <li>
        <a href="#">猫眼电影</a>
        <span>></span>
    </li>
    <li>
        <a href="#">机票/火车票</a>
        <span>></span>
    </li>
    <li>
        <a href="#">休闲娱乐/KTV</a>
        <span>></span>
    </li>
    <li>
        <a href="#">生活服务</a>
        <span>></span>
    </li>
    <li>
        <a href="#">丽人/美发/医学美容</a>
        <span>></span>
    </li>
    <li>
        <a href="#">结婚/婚纱摄影/婚宴</a>
        <span>></span>
    </li>
    <li>
        <a href="#">亲子/儿童乐园/幼教</a>
        <span>></span>
    </li>
    <li>
        <a href="#">运动健身/健身中心</a>
        <span>></span>
    </li>
    <li>
        <a href="#">家教/建材/家居</a>
        <span>></span>
    </li>
    <li>
        <a href="#">学习培训/音乐培训</a>
        <span>></span>
    </li>
    <li>
        <a href="#">医疗健康/宠物/爱车</a>
        <span>></span>
    </li>
    <li>
        <a href="#">酒吧/密室逃脱</a>
        <span>></span>
    </li>
</ul>
</div>
<div class="banner-1 fl">
    <a href="#">
          <img src="./img/banner.jpg" alt="">
    <img src="./img/1.jpg" alt="">
    <img src="./img/2.jpg" alt="">
    <img src="./img/3.jpg" alt="">
    <img src="./img/4.jpg" alt="">
    </a>
</div>
<div class="banner-2 fr">
<div class="top">
<img src="./img/avatar.jpg" alt="">
<h3>Hi!你好</h3>
<button>注册</button>
<button>立即登录</button>
</div>
<div class="bottom">
<img src="./img/download-qr.png" alt="">
<h3>美团APP手机版</h3>
<span>1元起</span><p>吃喝玩乐</p>
</div>
</div>
    </div>
</body>

</html>